<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>重医附二院-每月人工流产统计</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/default.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/highcharts/highcharts.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/highcharts/exporting.src.js?v=1.1"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/page/analysis/abortionAnalysisFu2.js?v=1.1"></script>
    <style type="text/css">
    .pieChart{
	    width: 450px;
	    height: 450px;
	    float: left;
    }
    .followFont{
    	font-size: large; 
    	color: red;
    }
    </style>
</head>
<body>
<div class="easyui-panel" style="padding: 10px;">
<input id="dateStart" type="text" class="easyui-datebox" data-options="prompt:'开始时间'" value="2015-04-01"/>  
<input id="dateEnd" type="text" class="easyui-datebox" data-options="prompt:'结束时间'"/>  
<a href="javascript:searchAbortion();" class="easyui-linkbutton" data-options="iconCls:'icon-search'" >查询</a>
<div style="float: right;">
	<span>人流总数：<span id="abortionTotalNum" class="followFont">0</span>人；</span>
	<span>一个月成功随访：<span id="abortionMonthNum51" class="followFont">0</span>人；</span>
	<span>三个月成功随访：<span id="abortionMonthNum52" class="followFont">0</span>人；</span>
	<span>六个月成功随访：<span id="abortionMonthNum53" class="followFont">0</span>人</span>
</div>
</div>
<div class="easyui-panel">
	<div id="container" style="min-width:800px;height:400px"></div>
</div>
<div class="easyui-panel">
	<div id="countAbortionReasonF2" class="pieChart"></div>
	<div id="countAbortionFailReasonF2" class="pieChart"></div>
	<div id="countAbortionOneMonthF2" class="pieChart"></div>
	<div id="countAbortionThreeMonthF2" class="pieChart"></div>
	<div id="countAbortionSixMonthF2" class="pieChart"></div>
</div>


</body>
</html>